<template>
  <div>

    <el-row>
      <el-col :span="12">

        <dy-panel>
          <dy-panel-header :show="false" title="技术支持"></dy-panel-header>
          <dy-panel-body>
            <h2>SLASH管理平台</h2>
            <span class="text-info">
              基于SpringBoot开发的一套敏捷开发基础框架，主要为中小型团队或个人开发者提供，同时支持分布式部署和单机部署。
              后台管理基于Vue开发，提供相关部门管理，角色管理，用户管理，菜单管理，数据权限控制等多个基础功能模块。
              另外内置了一个基于平台开发的小型CMS系统，可以用于企业官网，品牌网站，个人博客等小型网站快速搭建（不需要移除相关依赖即可），更多功能持续更新。
            </span>
            <h3>联系方式</h3>
            <ul>
              <li>微信:xxxxxxx</li>
              <li><strong>邮箱:</strong>lanmu_shan@163.com</li>
            </ul>
          </dy-panel-body>
        </dy-panel>

      </el-col>
      <el-col :span="12">

        <dy-panel>
          <dy-panel-header :show="false" title="日历"></dy-panel-header>
          <dy-panel-body>
            <el-calendar v-model="value">
            </el-calendar>
          </dy-panel-body>
        </dy-panel>

      </el-col>
    </el-row>
  </div>
</template>

<script>
  import DyPanel from '../../view/panel/DyPanel'
  import DyPanelHeader from '../../view/panel/DyPanelHeader'
  import DyPanelBody from '../../view/panel/DyPanelBody'

  export default {
    name: 'welcome',
    components: {DyPanelBody, DyPanelHeader, DyPanel}
  }
</script>

<style scoped>
  .notice-box .notice {
    margin-top: 10px;
    font-size: 20px;
  }

  .notice-box .notice a {
    font-size: 16px;
  }
</style>
